Flutter实现webview与原生组件组合滑动的示例代码 |
您所在的位置:网站首页 › flutter 调用原生组件 › Flutter实现webview与原生组件组合滑动的示例代码 |
最近在用Flutter写一个新闻客户端, 新闻详情页中的内容 需要用Flutter的本地Widget和WebView共同展示 . 比如标题/上方的视频播放器是用本地Widget展示, 新闻内容的富文本文字使用webview展示html, 这样就要求标题/视频播放器与webview可以 组合滑动 . ps: 如果把新闻详情页都用html画出, 就不用考虑组合滑动的问题. 找到支持与本地组件共存的webview控件 找一个可以与本地组件共存的webview控件是首要任务, 以下是我测试过的几个库: flutter_WebView_plugin : 不可以inline;webView_flutter : 可能支持, 但是还没有发布;flutter_inappbrowser : 可以实现组合布局, 所以选用了此库, 链接 https://github.com/pichillilorenzo/flutter_inappbrowser另外, 如果仅是展示html静态页面, 可以尝试以下几个库, 不用看我这个麻烦的解决办法了: html flutter_html flutter_html_view 初步实现组合布局 选定 flutter_inappbrowser 后开始实现, 初步代码如下: 代码语言:javascript复制@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), body: Column( children: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |